/**
 * 重置vue-toasted插件的某些样式
 * 
 */
@mixin fit-to-screen() {
  min-width: auto !important;

  .toasted:first-child {
    margin-top: 0;
  }

  &.top-right {
    top: 10%;
    right: 7%;
  }

  &.top-left {
    top: 10%;
    left: 7%;
  }

  &.top-center {
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  &.bottom-right {
    right: 5%;
    bottom: 7%;
  }

  &.bottom-left {
    left: 5%;
    bottom: 7%;
  }

  &.bottom-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 12%;
  }
}

@media only screen and (max-width: 600px) {
  #toasted-container {
    @include fit-to-screen;
  }
}

#toasted-container{
  .toasted{
    border-radius: 6px;
    min-height: 52px;
  }
}
